<div class="content">
    <div class="slide">
        <div class="search">
            <form action="" method="POST">
                <input type="text" name="txtSearch" placeholder="Bạn muốn tìm gì ?" />
                <button class="btnSearch"> Tìm </button> 
                <br/>
                
                <select>
                    <option>Quận/Huyện</option>
                </select>
                <select>
                    <option>Ca dạy</option>
                </select>
                <select>
                    <option>Lớp</option>
                </select>
            </form>
        </div>
        <div class="mainSlide">
            <img src="images.jpg" width="100%" height="279px" style="margin-top: 10px;" />
        </div> <!-- mainSlide -->
        <div class="slogan">
            
        </div> <!-- slogan -->
    </div> <!-- slide -->


    <div class="metro">
        <div class="cot1">
            <div class="cot1-1">
                <div class="tile-title">
                    <div class="tile-title-icon"></div>
                    <div class="tile-title-text">
                        <span>Môn học</span>
                    </div>
                    <div style="clear: both"></div>
                </div> <!-- title-title -->

                <div class="tile-1-left">
                    <a href="toan">Toán (10)</a>
                    <a href="toan">Lý (20)</a>
                    <a href="toan">Hóa (30)</a>
                    <a href="toan">Văn (35)</a>
                    <a href="toan">Sử (13)</a>
                    <a href="toan">Địa (5)</a>
                    <a href="toan">Sinh (9)</a>
                </div> <!-- tile-1-left -->

                <div class="tile-1-right">
                    <a href="toan">Luyện thi TOEIC (10)</a>
                    <a href="toan">Luyện thi TOEL (20)</a>
                </div> <!-- tile-1-right -->
            </div> <!-- cot1-1 -->

            <div class="cot1-2">
                <a class="a-tile-2" href="#">
                    <span>
                        Lấy lại kiến thức căn bản (10)
                    </span>
                </a>
            </div>
            <div class="cot1-3">
                <a class="a-tile-2" href="#">
                    <span>
                        Luyện thi đại học (30)
                    </span>
            </a>
            </div>
        </div> <!-- cot 1 -->

        <!-- Hết -->


        <div class="cot2">
            <div class="cot2-1">
                <a class="a-tile-2" href="#">
                    <span>
                        Lớp đặc biệt (30)
                    </span>
                </a>
            </div>
            <div class="cot2-2">
                <div class="tile-title">
                    <div class="tile-title-icon"></div>
                    <div class="tile-title-text">
                        <span style="font-size: 10px">Ngoại ngữ</span>
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div class="tile-2-content">
                    <a href="toan">Tiếng Anh (73)</a>
                    <a href="toan">Tiếng Trung (30)</a>
                    <a href="toan">Tiếng Hàn (35)</a>
                    <a href="toan">Tiếng Nhật (13)</a>
                    <a href="toan">Tiếng Nga (23)</a>
                    <a href="toan">Tiếng Đức (15)</a>
                </div>
            </div>
        </div> <!-- cot2 -->

        <!-- Hết -->

        <div class="cot3">
            <div class="cot3-1">
                <a class="a-cap cap" href="#">
                    <div class="cap">
                        Cấp I
                    </div>
                    <span class="num">
                        -107-
                    </span>
                </a>
            </div>
            <div class="cot3-2">
                <a class="a-cap cap" href="#">
                    <div class="cap">
                        Cấp I
                    </div>
                    <span class="num">
                        -107-
                    </span>
                </a>
            </div>
            <div class="cot3-3">
                <a class="a-cap cap" href="#">
                    <div class="cap">
                        Cấp I
                    </div>
                    <span class="num">
                        -107-
                    </span>
                </a>
            </div>
            <div class="cot3-4">
                Xem thêm
            </div>
        </div> <!-- cot3 -->

        <!-- Hết -->

        <div class="cot4">
            <div class="tile-title">
                <div class="tile-title-icon"></div>
                <div class="tile-title-text">
                    <span>Khu vực</span>
                </div>
                <div style="clear: both"></div>
            </div>
             <a href="#">Hai Bà Trưng (30)</a>
            <a href="#">Hoàn Kiếm (35)</a>
            <a href="#">Long Biên (56)</a>
            <a href="#">Cầu Giấy (13)</a>
            <a href="#">Đống Đa (34)</a>
            <a href="#">Hoàng Mai (57)</a>
            <a href="#">Thanh Xuân (27)</a>
            <a href="#">Tây Hồ (77)</a>
            <div style="height:15px;clear: both"></div>
        </div> <!-- cột 4 -->

        <!-- Hết -->

    </div> <!-- metro -->
    <div class="clear"></div>
</div> <!-- content -->